<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>

    <style>

        * {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
        }

        li {
            list-style: none;
        }

        a {
            text-decoration: none;
        }

        body {
            background-image: url(../park.jpg);
            background-color: rgb(255, 255, 255);
            background-size:cover;
        }


        .post {
            text-align: center;
            margin-top: 100px;
            background-color: #00000068;
            border-radius: 13px;
            text-align: center;
            margin: 0px auto;
            margin-top: 80px;
            width: 400px;
            height: 350px;
        }

            .post ul li input[type=text],
            .post ul li input[type=password],
            .post ul li input[type=email] {
                font-size: 16px;
            }

            .post ul li input {
                width: 275px;
                height: 40px;
                margin-top: 20px;
            }

                .post ul li input[type=submit] {
                    width: 100px;
                    height: 40px;
                }
    </style>

</head>
<body>
    <form class="post">
        <br>
        <h2>注册</h2>
        <ul>
            <li>用户名：<input type="text"></li>
            <li>密&emsp;码：<input type="password"></li>
            <li>邮&emsp;箱：<input type="email" required="required"></li>
            <li><input type="submit" value="注册"></li>
            <br>
            <li>已有帐户？<a href="./login.html">点击登录</ a></li>
        </ul>

    </form>
</body>
</html>